//1.0登录注册页面的切换
//去注册账号-按钮-点击事件
$("#goto-register").on("click", function () {
    $("#register").stop().show()


})
//已有账号-按钮-点击事件
$("#goto-login").on("click", function () {
    $("#register").stop().hide()


})
//基于layui的-验证插件-扩展自定义规则
//laiui引入laiui.all.js暴露在全局的一个layui对象
var form = layui.form;
form.verify({
    usern: [//用户名
        /^[0-9a-zA-Z_]{6,12}$/, '用户名是由6到12位,数字字母下划线组成'
    ],
    passw: [//密码
        /^[\S]{6,12}$/, '密码是非空格的6到12位数字组成'
    ],
    repwd: function (value) {//确认密码-value接收的是粗发这个验证规则标签身上的value属性的值
        if ($(".pwd").val() != value) {
            return '两次密码不一致'//错误返回提示在页面下面
        }
    }
})
//注册功能的编写
//给表单绑定-提交事件(因为这是个from标签,点击button默认有提交的动作)
$("#register .layui-form").on("submit", function (ev) {
    ev.preventDefault();
    var data = {
        username: $("#register input[name=username]").val(),
        password: md5($("#register input[name=password]").val())
    }
    //手动转化成key=value的字符串
    var arr = [];
    for (var prop in data) {
        arr.push(`${prop}=${data[prop]}`)
        // console.log(prop);
        // console.log(data[prop]);
    }
    var argStr = arr.join("&");
    console.log(arr);
    console.log(argStr)
    // console.log(argStr);
    // axios({
    //     url: "http://123.57.109.30:3007/api/reguser",
    //     method: "POST",
    //     data: argStr
    // }).then(res => {
    //     console.log(res);
    // })
    registerAPI(argStr, function (res) {
        console.log(res);
    })
})



//3.0登陆事件
$("#login .layui-form").on("submit", function (ev) {
    //获取数据
    ev.preventDefault();
    var data = {
        username: $("#login input[name=username]").val(),
        password: md5($("#login input[name=password]").val())
    }
    //转化成key=value的形式，遍历
    var arr = [];
    for (var prop in data) {
        arr.push(`${prop}=${data[prop]}`)
    }
    //转成key=value的格式
    var argStr = arr.join("&");
    loginAPI(argStr, function (res) {
        sessionStorage.setItem("token", res.data.token);
        window.location.href = "./index.html"

    })


    // axios({
    //     data: argStr,
    //     method: "POST",
    //     url: "http://123.57.109.30:3007/api/login",
    // }).then(res => {
    //     console.log(res);
    // })

})